﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>影票365--帮助中心</title>
<link href="css/style_help.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div class="page">
	<div class="header">
		<div class="inner">
			<div class="logo">
				<h1>
				<img src="/images/logo.jpg" alt="影票365" height="50" />
				<img src="images/beta.gif" alt="beta" class="beta" />
				</h1>
				<h2>帮助中心 </h2>
			</div>
			<div class="toplink">
				<a href="/" target="_blank">首页</a>
				<a href="/UserCenter/UserLogin.aspx" target="_blank">用户登录</a>
				<a href="/company/9.html" target="_blank">关于我们</a>
            </div>
        </div>
	</div>
	<div class="content">
		<div class="part part-1">
        
#foreach($systemNode in $systemNode_BLL.GetModelList("ParentId=11"))


            #foreach($systemNodeContent in $systemNodeContent_BLL.GetModelList("NodeId=${systemNode.NodeID}"))
			
			<div class="mod mod-content" id="${systemNodeContent.ID}" style="display:none">
				<div class="hd">
					<h3>${systemNodeContent.Title}</h3>
				</div>
				<div class="cont">
					${systemNodeContent.TxtContent}
				</div>
                <li class="nochild">
						<a href="javascript:void(0)" class="node" ref="${systemNodeContent.ID}">${systemNodeContent.Title}</a>
				</li>
			</div>

            #end
#end
        </div>
		
		<div class="part part-2">
			<!--树状目录-->
			<div class="mod mod-tree" id="mod_tree">
				<ul>

#foreach($systemNode in $systemNode_BLL.GetModelList("ParentId=11"))
    
					<li class="unfold" id="default_fold">
					<span class="ne-ico ico-node" onclick="this.parentNode.className=this.parentNode.className=='fold'?'unfold':'fold'">
					折叠/展开</span><a href="javascript:void(0)" class="node" onclick="this.parentNode.className=this.parentNode.className=='fold'?'unfold':'fold'"><strong>${systemNode.NodeName}</strong>
					</a>
					<ul>
                    #foreach($systemNodeContent in $systemNodeContent_BLL.GetModelList("NodeId=${systemNode.NodeID}"))
						<li class="nochild">
						<a href="javascript:void(0)" class="node" ref="${systemNodeContent.ID}" id="default_item">${systemNodeContent.Title}</a>
						</li>
                    #end
					</ul>
					</li>
#end

				</ul>
			</div>
		</div>
	</div>
	<div class="footer">
		<p><a href="/company/25.html" target="_blank">关于影票365</a> 
		- <a href="http://safesurf.china.cn/data_form.php" target="_blank">举报违法信息</a> 
		- <a href="http://help.inpiao365.com/" target="_blank">客户服务</a> -
		<a href="#" target="_blank">相关法律</a>
		</p>
		<p><span>影票365 版权所有
		</span></p>
	</div>
</div>
<script type="text/javascript">
		var selectedClass = "node slcted";
		var nodeClass = "node";
		var selectedFold = document.getElementById("default_fold");
		var selectedItem = null;
		var selectedCon = null;
		var tree = document.getElementById("mod_tree");
		var arr = tree.getElementsByTagName("a");
		for(var i=0;i<arr.length;i++){
			var a = arr[i];
			if(a.getAttribute("ref")){
				//addEvent(a, "click", function(){chooseItem(a)});
				a.onclick=function(){
					chooseItem(this);
				}
				a.parentNode.style.listStyle = "disc";
				a.style.marginLeft = "0px";
				a.parentNode.style.marginLeft = "16px";
			}else{
				//addEvent(a, "click", function(){chooseFold(a.parentNode)});
				a.onclick=function(){
					chooseFold(this.parentNode);
				}
			}
		}
		function addEvent(obj, ev, func){
			if(obj.attachEvent){
				obj.attachEvent("on" + ev, func);
			}else if(obj.addEventListener){
				obj.addEventListener(ev,func,false);
			}
		}
		function selectFold(){
			chooseFold(this.parentNode);
		}
		function chooseFold(obj){
			var li = obj;
			if(selectedFold){
				if(selectedFold != li.parentNode.parentNode && selectedFold!=li){
					selectedFold.className = "fold";
				}
				if(selectedFold.parentNode.parentNode!=li.parentNode.parentNode){
					if(selectedFold.parentNode.parentNode.tagName == "LI"){
						selectedFold.parentNode.parentNode.className = "fold";
					}
				}
			}
			selectedFold = li;
			li.className = li.className == "fold"?"unfold":"fold";
		}
		function selectItem(){
			chooseItem(this);
		}
		function chooseItem(obj){
			if(selectedItem){
				selectedItem.className = nodeClass;
			}
			if(selectedCon){
				selectedCon.style.display = "none";
			}
			selectedItem = obj;
			selectedItem.className = selectedClass;
			var ref = selectedItem.getAttribute("ref");
			selectedCon = document.getElementById(ref);
			selectedCon.style.display = "";
		}
		function go(ref){
			if(selectedCon){
				selectedCon.style.display = "none";
			}
			selectedCon = document.getElementById(ref);
			selectedCon.style.display = "";
		}
		selectedItem = document.getElementById("default_item");
		selectedItem.className = selectedClass;
		var ref = selectedItem.getAttribute("ref");
		selectedCon = document.getElementById(ref);
		selectedCon.style.display = "";
		var url = location.href;
		var pos = url.lastIndexOf("#");
		if(pos>0){
			var tab = url.substring(pos+1);
			expand(tab);
		}
		function expand(tab){
			for(var i=0;i<arr.length;i++){
				var a = arr[i];
				if(a.getAttribute("ref") == tab){
					var li = a.parentNode.parentNode.parentNode;
					chooseFold(li);
					chooseItem(a);
					li.className = "unfold";
					if(li.parentNode.parentNode.tagName == "LI"){
						li.parentNode.parentNode.className = "unfold";
					}
					break;
				}
			}
		}
		</script>

</body>

</html>
